<template>
  <div class="wft-w-h-100">
    <van-button
      :type="attrs.type"
      :size="attrs.size"
      :plain="attrs.plain"
      :square="attrs.square"
      :round="attrs.round"
      :disabled="attrs.disabled"
      :hairline="attrs.hairline"
      :loading="attrs.loading"
      :loadingText="attrs.loadingText"
      v-on="events">
      {{ data.data }}
    </van-button>
  </div>
</template>
<script>
import useRequestMixin from '../../../mixins/useRequest'
import useEventMixin from '../../../mixins/useEvent'
import useAttrsMixin from '../../../mixins/useAttrs'
export default {
  name: 'basicButton',
  mixins: [useRequestMixin, useEventMixin, useAttrsMixin],
  props: {
    curComp: {
      type: Object,
      required: true
    },
    data: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>
<style scoped>
.wft-w-h-100 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
